#HTML 的 <caption> 标签

HTML <caption> 元素 (or HTML 表格标题元素) 展示一个表格的标题，它常常作为 <table> 的第一个子元素出现，同时显示在表格内容的最前面，但是，它同样可以被 CSS 样式化，所以，它同样可以出现在任何一个一个相对于表格的做任意位置。

#属性

• align（废弃）: 这个可枚举属性表明了 caption 相对于 table 应该如何排列。它可能有以下几个值：

  • left , 展示在表格左边

  • top , 显示在表格前面

  • right , 显示在表格右边

  • bottom , 显示在表格下面

#示例

<table>
    <caption>2023年销售数据</caption>
    <thead>
        <tr>
            <th>季度</th>
            <th>产品A</th>
            <th>产品B</th>
            <th>总计</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>第一季度</td>
            <td>$12,000</td>
            <td>$8,500</td>
            <td>$20,500</td>
        </tr>
        <tr>
            <td>第二季度</td>
            <td>$15,000</td>
            <td>$9,200</td>
            <td>$24,200</td>
        </tr>
        <tr>
            <td>第三季度</td>
            <td>$14,500</td>
            <td>$10,000</td>
            <td>$24,500</td>
        </tr>
        <tr>
            <td>第四季度</td>
            <td>$18,000</td>
            <td>$12,300</td>
            <td>$30,300</td>
        </tr>
    </tbody>
</table>

<caption>

    
2023年销售数据
    

        

            
季度
            
产品A
            
产品B
            
总计
        
    
    

        

            
第一季度
            
$12,000
            
$8,500
            
$20,500
        
        

            
第二季度
            
$15,000
            
$9,200
            
$24,200
        
        

            
第三季度
            
$14,500
            
$10,000
            
$24,500
        
        

            
第四季度
            
$18,000
            
$12,300
            
$30,300